JavaScript Source Code 2002: Forms: Menu Swapper

>" direction buttons. It works like database field selection, supports selecting multiple items, and even can sort the moved item into the new list!">

Home Forms Menu Swapper

A clever way to move selected items from one list box to another using "<<" and ">>" direction buttons. It works like database field selection, supports selecting multiple items, and even can sort the moved item into the new list!

[ Use SHIFT or CTRL to select multiple items ]

JavaScript Source Code 2002: Forms: Menu Swapper
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Apple-s). The script is yours!!!

  <SCRIPT LANGUAGE="JavaScript"> <! > <! >  </script>  <center> <form ACTION="" METHOD="POST"> <table border="0"> <tr> <td><select multiple size="5" name="list1"> <option value="11"> item 1.1 </option> <option value="12"> item 1.2 </option> <option value="13"> item 1.3 </option> </select></td> <td> <input type="button" value=" >> " onclick="move(this.form.list1,this.form.list2)" name="B1"><br> <input type="button" value=" << " onclick="move(this.form.list2,this.form.list1)" name="B2"> </td> <td><select multiple size="5" name="list2"> <option value="21"> item 2.1 </option> <option value="22"> item 2.2 </option> <option value="23"> item 2.3 </option> </select></td> </tr> </table> </form> </center>